﻿h1 {
	font-size:2em;
	text-align:center; /*My Gallery에대한 사항임*/
}
#wrapper {
	width:90%;
	max-width:1100px;
	min-width:760px;
	margin:50px auto; /*Margin은 50px는 top margin이고 auto는 left margin임*/
}
#columns {
	/*-webkit-column-count:2;
	-webkit-column-gap:10px;
	-moz-column-count:2;
	-moz-column-gap:10px;*/
	column-count:2;
	column-gap:5px;	
}
.card {
	display:inline-block;
	width:220px;
	background:#fff;
	border:2px solid #f0f;
	border-bottom:2px solid #f0f;
	padding:15px;/*Image 와 border 사이의 간격*/
	padding-bottom:15px;
	margin:15px;/*위, 아래 이미지와의 간격*/
}
.card img {
	width:100%;
	border-bottom:1px solid #0ff;/*이미지와 text사이의 경게선*/
	padding-bottom:15px;
	margin-bottom:5px;
}

.card p {
	font-family:"맑은 고딕", 돋움;
	color:#222;
	margin:0;
	padding:10px;
}
	
@media(min-width:960px){
	#columns{
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
	}
}

 @media(min-width:1100px) {
	#columns{
		-webkit-column-count:4;
		-moz-column-count:4;
		column-count:4;
	}
}
